import React, { useState } from 'react';
import { Form, Input, Button, Radio, Upload } from 'antd';
const { TextArea } = Input;
function record() {
  const onFinish = (values: any) => {
    console.log('Success:', values);
  };
  return (
    <div>
      <Form
        labelCol={{ span: 4 }}
        wrapperCol={{ span: 14 }}
        layout="horizontal"
        style={{ maxWidth: 600 }}
        onFinish={onFinish}
      >
        <Form.Item label="所属楼盘">
          <Input
            placeholder="西岸首府"
            style={{ width: '100px', border: 'none', outLine: 'none' }}
          />
        </Form.Item>
        <Form.Item label="成交户型" name="title">
          <Input placeholder="房型名称" />
        </Form.Item>
        <Form.Item label="面积" name="acreage">
          <div style={{ display: 'flex' }}>
            <Input placeholder="120" />
            <span> m²</span>
          </div>
        </Form.Item>
        <Form.Item label="价格" name="price">
          <div style={{ display: 'flex' }}>
            <Input placeholder="120" />
            <span> 万</span>
          </div>
        </Form.Item>
        <Form.Item label="签约时间" name="update_time">
          <Input placeholder="2018-03-09" />
        </Form.Item>
        <Form.Item label="" style={{ marginLeft: '100px' }}>
          <Button type="primary" htmlType="submit">
            提交
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
}

export default record;
